<html>
<head>
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen">
	<!--<link rel="stylesheet" media="screen and (max-device-width: 908px)" href="css/1000.css" />-->
<title>Big Event GUI Mockup</title>
</head>
<body id="indexBody">
<div class="headerHero" id="indexHH">
<div class="wrapper">
	<div class="header">
		<div class="logo">
		<a href=""><img src="images/logo.png" /></a>
		</div>
		<div class="navigation">

			<ul id="menu">
				<li id="home"><a href="index.html">Home</a></li>
				<li id="news"><a href="news.html">News</a></li>
				<li id="events"><a href="events.html">Events</a></li>
				<li id="sports"><a href="sports.html">Sports</a></li>
				<li id="venues"><a href="venues.html">Venues</a></li>
				<li id="athletes"><a href="athletes.html">Athletes</a></li>
				
			</ul>
			<!--<ul id="search">
				<li id="search">
					<form name="search" action="" method="get">
					<input type="search" value="search">
					<input type="submit" value="S">
					</form>
				</li>
			</ul>-->
			
			<div class="controls">
			<ul>

			</ul>
		</div>
		</div>
		
	</div>
	
	<div class="content">
		<!--<h1>Featured Content</h1>-->
		<div id="hero">
			<div class="hero-content">
				<h1>Content title</h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
				Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
				Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
				Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
		
		</div>
		<div class="article">
			<div class="ArticleContent">
				<h1>Content title</h1>
				<p>Nulla in mauris velit, at scelerisque erat. Morbi ligula eros, cursus a hendrerit quis, posuere eu arcu. 
				Aenean adipiscing pulvinar tellus id porttitor. Ut dignissim rutrum adipiscing. 
				Nulla ligula diam, venenatis sed faucibus eget, volutpat quis nunc. Morbi diam leo, bibendum non porta ut, fermentum ut erat. 
				Sed tincidunt lobortis turpis vehicula tempus. Ut at erat in quam consectetur accumsan.</p>
		`	</div>
		
		</div>
				

				
	</div>
	
	
	
</div>

	<div class="footer">
		<div class="unit">
		<h1>Title</h1>
			<ul>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
			</ul>
		</div>
		
		<div class="unit">
		<h1>Title2</h1>
			<ul>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
			</ul>
		</div>
		
		<div class="unit">
		<h1>Title3</h1>
			<ul>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
				<li><a href="">Filler</a></li>
			</ul>
		</div>
	</div>
	
	
</div>
<div>
</body>
</html>